<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html" xmlns:th="http://www.thymeleaf.org">
<head th:replace="/navbar::header(首页)">
</head>
<body>
<nav th:replace="/navbar::naver"></nav>
<div class="active">
    <div class="jrzj">
        &#9733 &#9733 &#9733 &#9733 &#9733 &numsp;&numsp;&numsp; 首页推荐影片 &numsp;&numsp;&numsp; &#9733 &#9733 &#9733 &#9733 &#9733
    </div>
    <div class="lbt">
    <div class="kapian" th:each="movie:${page.getRecords()}">
        <div class="tu">
            <img th:src="@{/static/img/upload/} + ${movie.img}">
        </div>
        <div class="wenben">
            <p style="margin-top: 8px;color: #000000" th:text="${movie.name}"></p>
            <p th:text="'都在看:'+${movie.name}"></p>
            <p th:text="${movie.types}"></p>
            <p><a style="color: red" th:href="@{/movie/detailed(id=${movie.MId})}">更多></a></p>
        </div>
    </div>
    </div>
    <div class="yp">
        <h2 class="page-heading">正在热映</h2>
        <hr>
        <div class="yp1">
            <div class="yp3 movie" style="margin-bottom: 5px" th:each="movie1:${page1.getRecords()}">
                <a th:href="@{/movie/detailed(id=${movie1.MId})}"><img th:src="@{/static/img/upload/} + ${movie1.img}"></a>
                <a style="float: left;font-size: 20px;margin-left: 5%;margin-top: 3%;" th:href="@{/movie/detailed(id=${movie1.MId})}" th:text="${movie1.name}+'&numsp;&numsp;'"></a>
                <p class="movie__time" style="font-size: 18px" th:text="${movie1.duration}+'  min&numsp;&numsp;&numsp;'"></p>
                <p class="movie__option" style="font-size: 15px" th:text="${movie1.types}+'&numsp;&numsp;&numsp;&numsp;'"></p>
                <a class="btn btn-md btn--warning" style="margin-left: 5%;margin-top: 10%" th:href="@{/movie/buy(id=${movie1.mId})}">购买电影</a>
            </div>
        </div>
        <div class="yp2">
            <img alt="装饰图" src="/static/img/right1.jpg">
            <img alt="装饰图" src="/static/img/right2.jpg">
        </div>
    </div>
    <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
    <div class="db">
    <hr>
    </div>


</div>
<footer th:replace="/navbar::footer"></footer>
</body>
</html>